<div class="l-segment l-border-0 example-layout pageLayout">
    <form action="./sea-modules/zxl/ajax/page.html" class="m-pageSubmit">
        <div class="l-row-padding">
            <div class="l-col-2 m-input">
                <label for="">输入项</label>
                <input type="text" name='name'>
            </div>
            <div class="l-col-2 m-input">
                <label for="">输入项</label>
                <input type="text" name='name'>
            </div>
            <div class="l-col-2 m-input">
                <label for="">输入项</label>
                <input type="text" name='name'>
            </div>
            <div class="l-col-1 m-input">
                <input type="submit" value="提交" class="m-button m-submit">
            </div>
            <div class="l-col-1 m-input">
                <input type="reset" value="重置" class="m-button-default m-reset">
            </div>
        </div>

    </form>
    <div class="m-gird">
        <div class="m-gridBar"></div>
        <div class="m-grid-head">
            <table>
                <thead>
                    <tr>
                        <th>asdf1</th>
                        <th>asdf2</th>
                        <th>asdf3</th>
                        <th>asdf4</th>
                        <th>asdf5</th>
                        <th>asdf6</th>
                        <th>asdf7</th>
                        <th>asdf8</th>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="m-grid-body m-scrollbar">
            <table>
                <tbody>
                    <tr data-id="1">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="2">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="3">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="4">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="5">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="6">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="7">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                    <tr data-id="8">
                        <td>asdfasdf1</td>
                        <td>asdfasdf2</td>
                        <td>asdfasdf3</td>
                        <td>asdfasdf4</td>
                        <td>asdfasdf5</td>
                        <td>asdfasdf6</td>
                        <td>asdfasdf7</td>
                        <td>asdfasdf8</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="m-pageBar" page-total=300 page-now=8 page-length=30 data-total=9000></div>
</div>